Skip to main content

Adding an image

Download the two files below in the lesson media section.

Below it the template for the html page.

<html>
<head>
<title>
This page is for how to put on an image    
</title>    
    
</head>

<body>
<h1>Image Example</h1>
Insert an image below    
    
</body>


</html>

To add an image using html you use the img tag. This one of the few tags that has an opening tag and not a closing tag.

You need to save the image to your computer for you to be able to load the picture.

Save it into the same folder as your html file.

<img src="file_location_and_name">

Download the image below and add it to your webpage

It is good practice to have a subfolder of your website called images where all of the images are included.